<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
selection_test(
  '<div contenteditable dir="ltr">|Lorem <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">^L|orem <span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-0 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">L|orem <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">L^o|rem <span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-1 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lo|rem <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lo^r|em <span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-2 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lor|em <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lor^e|m <span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-3 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lore|m <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lore^m| <span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-4 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem| <span dir="rtl">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem^ |<span dir="rtl">ipsum dolor sit</span> amet</div>',
  '2-5 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">|ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">^i|psum dolor sit</span> amet</div>',
  '2-6 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">i|psum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">i^p|sum dolor sit</span> amet</div>',
  '2-7 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ip|sum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ip^s|um dolor sit</span> amet</div>',
  '2-8 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ips|um dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ips^u|m dolor sit</span> amet</div>',
  '2-9 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsu|m dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsu^m| dolor sit</span> amet</div>',
  '2-10 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum| dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum^ |dolor sit</span> amet</div>',
  '2-11 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum ^d|olor sit</span> amet</div>',
  '2-12 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum d|olor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum d^o|lor sit</span> amet</div>',
  '2-13 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum do|lor sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum do^l|or sit</span> amet</div>',
  '2-14 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dol|or sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dol^o|r sit</span> amet</div>',
  '2-15 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolo|r sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolo^r| sit</span> amet</div>',
  '2-16 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor| sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor^ |sit</span> amet</div>',
  '2-17 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |sit</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor ^s|it</span> amet</div>',
  '2-18 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor s|it</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor s^i|t</span> amet</div>',
  '2-19 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor si|t</span> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor si^t|</span> amet</div>',
  '2-20 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span>| amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span>^ |amet</div>',
  '2-21 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> ^a|met</div>',
  '2-22 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> a|met</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> a^m|et</div>',
  '2-23 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> am|et</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> am^e|t</div>',
  '2-24 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> ame|t</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> ame^t|</div>',
  '2-25 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> amet|</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> amet|</div>',
  '2-26 ltr right character');
</script>
